<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TradingAgents论文深度解读：多智能体LLM如何革命性改变金融交易</title>
    <meta name="description" content="深度解读TradingAgents论文，探讨多智能体大语言模型框架在金融交易中的革命性应用">
    <meta name="keywords" content="多智能体系统,大语言模型,金融交易,人工智能,量化投资,风险管理">
    
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            line-height: 1.7;
            color: #333;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
            background: white;
            box-shadow: 0 20px 60px rgba(0,0,0,0.1);
            border-radius: 20px;
            overflow: hidden;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .header {
            background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
            color: white;
            padding: 60px 40px;
            text-align: center;
        }

        .header h1 {
            font-size: 2.5em;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .header .subtitle {
            font-size: 1.2em;
            opacity: 0.9;
            font-style: italic;
            background: rgba(255,255,255,0.1);
            padding: 15px 30px;
            border-radius: 25px;
            display: inline-block;
        }

        .content {
            padding: 40px;
        }

        .toc {
            background: #f8f9fa;
            border-left: 4px solid #3498db;
            padding: 20px;
            margin: 30px 0;
            border-radius: 8px;
        }

        .toc h3 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 1.2em;
        }

        .toc ul {
            list-style: none;
        }

        .toc li {
            margin: 8px 0;
        }

        .toc a {
            color: #3498db;
            text-decoration: none;
            transition: color 0.3s;
        }

        .toc a:hover {
            color: #2980b9;
            text-decoration: underline;
        }

        h2 {
            color: #2c3e50;
            font-size: 1.8em;
            margin: 40px 0 20px 0;
            padding-bottom: 10px;
            border-bottom: 3px solid #3498db;
        }

        h3 {
            color: #34495e;
            font-size: 1.4em;
            margin: 30px 0 15px 0;
        }

        h4 {
            color: #7f8c8d;
            font-size: 1.2em;
            margin: 25px 0 10px 0;
        }

        p {
            margin: 15px 0;
            text-align: justify;
        }

        .highlight {
            background: linear-gradient(120deg, #a8edea 0%, #fed6e3 100%);
            padding: 20px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid #e74c3c;
        }

        .info-box {
            background: #ecf0f1;
            border: 1px solid #bdc3c7;
            border-radius: 8px;
            padding: 20px;
            margin: 20px 0;
        }

        .info-box.success {
            background: #d5f4e6;
            border-color: #27ae60;
        }

        .info-box.warning {
            background: #fef9e7;
            border-color: #f39c12;
        }

        .info-box.danger {
            background: #fadbd8;
            border-color: #e74c3c;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            border-radius: 8px;
            overflow: hidden;
        }

        th, td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid #ecf0f1;
        }

        th {
            background: #3498db;
            color: white;
            font-weight: 600;
        }

        tr:hover {
            background: #f8f9fa;
        }

        .code-block {
            background: #2c3e50;
            color: #ecf0f1;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
            overflow-x: auto;
            font-family: 'Courier New', monospace;
        }

        .agent-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }

        .agent-card {
            background: white;
            border: 1px solid #ecf0f1;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .agent-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        .agent-card h4 {
            color: #3498db;
            margin-bottom: 10px;
        }

        ul, ol {
            margin: 15px 0;
            padding-left: 30px;
        }

        li {
            margin: 8px 0;
        }

        strong {
            color: #2c3e50;
            font-weight: 600;
        }

        .emoji {
            font-size: 1.2em;
            margin-right: 8px;
        }

        .footer {
            background: #2c3e50;
            color: white;
            text-align: center;
            padding: 30px;
            margin-top: 40px;
        }

        .footer a {
            color: #3498db;
            text-decoration: none;
        }

        .footer a:hover {
            text-decoration: underline;
        }

        .tags {
            margin: 30px 0;
            text-align: center;
        }

        .tag {
            display: inline-block;
            background: #3498db;
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            margin: 5px;
            font-size: 0.9em;
            text-decoration: none;
        }

        .tag:hover {
            background: #2980b9;
            color: white;
        }

        @media (max-width: 768px) {
            .container {
                margin: 10px;
                border-radius: 10px;
            }
            
            .header {
                padding: 40px 20px;
            }
            
            .header h1 {
                font-size: 2em;
            }
            
            .content {
                padding: 20px;
            }
            
            .agent-grid {
                grid-template-columns: 1fr;
            }
        }

        .scroll-to-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #3498db;
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: none;
            font-size: 20px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            transition: all 0.3s;
        }

        .scroll-to-top:hover {
            background: #2980b9;
            transform: translateY(-2px);
        }
    </style>
</head>
<body>
    <div class="container">
        <header class="header">
            <h1>TradingAgents论文深度解读</h1>
            <div class="subtitle">多智能体LLM如何革命性改变金融交易</div>
        </header>

        <div class="content">
            <div class="highlight">
                <p><strong>摘要：</strong>本文深度解读了最新发表的TradingAgents论文，探讨如何利用多智能体大语言模型框架实现智能化金融交易，以及这一创新对传统交易方式的颠覆性影响。</p>
            </div>

            <div class="toc">
                <h3>📋 目录</h3>
                <ul>
                    <li><a href="#introduction">🎯 引言：为什么需要多智能体交易系统？</a></li>
                    <li><a href="#core-innovation">🏗️ 核心创新：模拟真实交易公司的多智能体架构</a></li>
                    <li><a href="#technical-highlights">🧠 技术亮点：深度思考vs快速思考</a></li>
                    <li><a href="#experimental-results">📈 实验结果：数据说话</a></li>
                    <li><a href="#deep-analysis">🔍 深度分析：为什么多智能体更有效？</a></li>
                    <li><a href="#innovation-significance">💡 创新意义：不仅仅是技术进步</a></li>
                    <li><a href="#future-prospects">🚀 未来展望：多智能体交易的发展方向</a></li>
                    <li><a href="#investor-insights">🎯 对投资者的启示</a></li>
                    <li><a href="#technical-deep-dive">📚 技术深度解析</a></li>
                    <li><a href="#practical-guide">🎯 实战应用指南</a></li>
                    <li><a href="#academic-value">🔬 学术价值与局限性</a></li>
                    <li><a href="#industry-impact">🌟 行业影响与未来趋势</a></li>
                </ul>
            </div>

            <section id="introduction">
                <h2><span class="emoji">🎯</span>引言：为什么需要多智能体交易系统？</h2>
                
                <p>在传统的金融交易中，成功的投资决策往往依赖于多个专家的协作：基本面分析师研究公司财务状况，技术分析师解读价格图表，风险管理专家控制投资组合风险。这种<strong>专业化分工和协作决策</strong>的模式在现实世界的交易公司中被证明是高效的。</p>

                <p>然而，现有的AI交易系统大多采用<strong>单智能体架构</strong>，试图用一个模型处理所有任务。这就像让一个人同时担任分析师、交易员和风险管理者——虽然可能，但显然不是最优解。</p>

                <div class="highlight">
                    <p><strong>TradingAgents论文提出了一个革命性的想法：为什么不让AI也像真实的交易公司一样工作？</strong></p>
                </div>
            </section>

            <section id="core-innovation">
                <h2><span class="emoji">🏗️</span>核心创新：模拟真实交易公司的多智能体架构</h2>
                
                <h3>1. 智能体角色设计：专业化分工</h3>
                
                <p>TradingAgents框架设计了7个专门的智能体角色，每个都有明确的职责：</p>

                <div class="agent-grid">
                    <div class="agent-card">
                        <h4><span class="emoji">📊</span>分析师团队（4个智能体）</h4>
                        <ul>
                            <li><strong>基本面分析师</strong>：分析财务报表、收益报告，评估公司内在价值</li>
                            <li><strong>情绪分析师</strong>：处理社交媒体、新闻情绪，预测市场心理</li>
                            <li><strong>新闻分析师</strong>：分析宏观经济新闻、政策变化的影响</li>
                            <li><strong>技术分析师</strong>：计算技术指标，识别价格模式和趋势</li>
                        </ul>
                    </div>

                    <div class="agent-card">
                        <h4><span class="emoji">🔍</span>研究团队（2个智能体）</h4>
                        <ul>
                            <li><strong>多头研究员</strong>：寻找买入机会，构建积极投资论据</li>
                            <li><strong>空头研究员</strong>：识别风险，提供谨慎观点</li>
                        </ul>
                    </div>

                    <div class="agent-card">
                        <h4><span class="emoji">💼</span>执行团队（2个智能体）</h4>
                        <ul>
                            <li><strong>交易员</strong>：综合所有信息，做出最终交易决策</li>
                            <li><strong>风险管理者</strong>：监控风险敞口，确保合规性</li>
                        </ul>
                    </div>
                </div>

                <h3>2. 通信协议：结构化vs自然语言</h3>
                
                <p>这里有一个巧妙的设计：</p>
                
                <div class="info-box success">
                    <p><strong>结构化通信</strong>：智能体主要通过标准化报告交换信息，避免了"传话游戏"效应</p>
                    <p><strong>自然语言辩论</strong>：在需要深度推理的场景（如多空辩论）中使用自然语言对话</p>
                </div>
                
                <p>这种混合通信方式既保证了信息传递的准确性，又保留了复杂推理的灵活性。</p>
            </section>

            <section id="technical-highlights">
                <h2><span class="emoji">🧠</span>技术亮点：深度思考vs快速思考</h2>
                
                <p>论文中一个值得关注的技术细节是<strong>LLM选择策略</strong>：</p>
                
                <ul>
                    <li><strong>深度思考模型</strong>（如o1-preview）：用于复杂分析、决策制定</li>
                    <li><strong>快速思考模型</strong>（如gpt-4o-mini）：用于数据检索、格式转换</li>
                </ul>
                
                <p>这种分层架构不仅提高了效率，还降了成本——在合适的任务上使用合适的模型。</p>
            </section>

            <section id="experimental-results">
                <h2><span class="emoji">📈</span>实验结果：数据说话</h2>
                
                <h3>性能表现</h3>
                
                <p>在2024年1-3月的回测中，TradingAgents在主要科技股上的表现令人印象深刻：</p>
                
                <table>
                    <thead>
                        <tr>
                            <th>指标</th>
                            <th>TradingAgents</th>
                            <th>最佳基准</th>
                            <th>提升幅度</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>累积收益</td>
                            <td>23.21%+</td>
                            <td>17.1%</td>
                            <td>+6.1%</td>
                        </tr>
                        <tr>
                            <td>年化收益</td>
                            <td>24.90%+</td>
                            <td>18.8%</td>
                            <td>+6.1%</td>
                        </tr>
                        <tr>
                            <td>夏普比率</td>
                            <td>&gt;3.0</td>
                            <td>&lt;2.0</td>
                            <td>显著提升</td>
                        </tr>
                        <tr>
                            <td>最大回撤</td>
                            <td>&lt;2.0</td>
                            <td>变化较大</td>
                            <td>更好控制</td>
                        </tr>
                    </tbody>
                </table>
                
                <h3>特别案例：苹果股票</h3>
                
                <div class="info-box warning">
                    <p>在苹果股票这个"困难案例"上，传统方法因市场波动而表现不佳，但TradingAgents实现了<strong>26%+的收益</strong>，展现了其适应复杂市场环境的能力。</p>
                </div>
            </section>

            <section id="deep-analysis">
                <h2><span class="emoji">🔍</span>深度分析：为什么多智能体更有效？</h2>

                <h3>1. 专业化优势</h3>

                <p>每个智能体专注于自己的领域，就像现实中的专家一样：</p>
                <ul>
                    <li>基本面分析师不需要关心技术指标</li>
                    <li>技术分析师可以专注于价格模式</li>
                    <li>风险管理者专门控制风险</li>
                </ul>

                <p>这种<strong>认知负荷分散</strong>让每个智能体都能在自己的领域内达到更高的专业水平。</p>

                <h3>2. 多视角决策</h3>

                <p>通过多空辩论机制，系统能够：</p>
                <ul>
                    <li>发现单一视角的盲点</li>
                    <li>平衡乐观和悲观情绪</li>
                    <li>做出更加理性的决策</li>
                </ul>

                <h3>3. 风险控制</h3>

                <p>专门的风险管理团队从三个角度评估风险：</p>
                <div class="agent-grid">
                    <div class="agent-card">
                        <h4>风险寻求型</h4>
                        <p>关注高收益机会</p>
                    </div>
                    <div class="agent-card">
                        <h4>风险中性型</h4>
                        <p>平衡收益与风险</p>
                    </div>
                    <div class="agent-card">
                        <h4>风险保守型</h4>
                        <p>优先考虑资本保护</p>
                    </div>
                </div>

                <p>这种<strong>多层次风险评估</strong>确保了投资决策的稳健性。</p>
            </section>

            <section id="innovation-significance">
                <h2><span class="emoji">💡</span>创新意义：不仅仅是技术进步</h2>

                <h3>1. 可解释性革命</h3>

                <p>传统的深度学习交易模型是"黑盒"，而TradingAgents的每个决策都有详细的自然语言解释：</p>
                <ul>
                    <li>为什么买入？</li>
                    <li>基于什么分析？</li>
                    <li>考虑了哪些风险？</li>
                </ul>

                <div class="info-box success">
                    <p>这种<strong>透明度</strong>对于金融应用至关重要。</p>
                </div>

                <h3>2. 模块化设计</h3>

                <p>系统的模块化设计带来了巨大的灵活性：</p>
                <ul>
                    <li>可以轻松替换任何智能体</li>
                    <li>可以添加新的专业角色</li>
                    <li>可以适应不同的市场环境</li>
                </ul>

                <h3>3. 成本效益</h3>

                <p>无需GPU，仅依赖API调用，大大降低了部署成本和技术门槛。</p>
            </section>

            <section id="future-prospects">
                <h2><span class="emoji">🚀</span>未来展望：多智能体交易的发展方向</h2>

                <h3>1. 实时交易部署</h3>
                <p>当前的回测结果令人鼓舞，下一步是在实时市场中验证系统性能。</p>

                <h3>2. 更多资产类别</h3>
                <p>从科技股扩展到：</p>
                <ul>
                    <li>传统行业股票</li>
                    <li>债券、商品</li>
                    <li>加密货币</li>
                    <li>外汇市场</li>
                </ul>

                <h3>3. 智能体角色扩展</h3>
                <p>可能增加的新角色：</p>
                <ul>
                    <li>宏观经济分析师</li>
                    <li>行业专家</li>
                    <li>监管合规专家</li>
                    <li>流动性管理专家</li>
                </ul>
            </section>

            <section id="investor-insights">
                <h2><span class="emoji">🎯</span>对投资者的启示</h2>

                <h3>1. 个人投资者</h3>
                <p>虽然个人投资者无法复制完整的多智能体系统，但可以借鉴其思路：</p>
                <ul>
                    <li>多角度分析投资标的</li>
                    <li>建立系统化的决策流程</li>
                    <li>重视风险管理</li>
                </ul>

                <h3>2. 机构投资者</h3>
                <p>TradingAgents为机构投资者提供了新的技术路径：</p>
                <ul>
                    <li>降低对人力专家的依赖</li>
                    <li>提高决策一致性</li>
                    <li>增强风险控制能力</li>
                </ul>

                <h3>3. 金融科技公司</h3>
                <p>这一框架为金融科技创新提供了新方向：</p>
                <ul>
                    <li>智能投顾的升级</li>
                    <li>量化交易的民主化</li>
                    <li>风险管理的自动化</li>
                </ul>
            </section>

            <section id="technical-deep-dive">
                <h2><span class="emoji">📚</span>技术深度解析</h2>

                <h3>智能体交互机制详解</h3>

                <p>让我们深入了解TradingAgents中智能体是如何协作的：</p>

                <h4>1. 信息流转过程</h4>

                <div class="code-block">
数据输入 → 分析师团队 → 研究团队辩论 → 交易员决策 → 风险管理 → 最终执行
                </div>

                <div class="info-box">
                    <p><strong>第一阶段：并行分析</strong></p>
                    <ul>
                        <li>4个分析师智能体同时处理不同类型的数据</li>
                        <li>基本面分析师处理财务数据</li>
                        <li>情绪分析师分析社交媒体和新闻情绪</li>
                        <li>技术分析师计算60+个技术指标</li>
                        <li>新闻分析师解读宏观经济信息</li>
                    </ul>
                </div>

                <div class="info-box">
                    <p><strong>第二阶段：观点碰撞</strong></p>
                    <ul>
                        <li>多头研究员基于分析师报告构建买入论据</li>
                        <li>空头研究员识别潜在风险和问题</li>
                        <li>通过n轮自然语言辩论达成共识</li>
                        <li>辩论主持人智能体选择占优势的观点</li>
                    </ul>
                </div>

                <div class="info-box">
                    <p><strong>第三阶段：决策制定</strong></p>
                    <ul>
                        <li>交易员智能体综合所有信息</li>
                        <li>考虑定量数据和定性洞察</li>
                        <li>确定交易时机、规模和方向</li>
                    </ul>
                </div>

                <div class="info-box">
                    <p><strong>第四阶段：风险控制</strong></p>
                    <ul>
                        <li>风险管理团队从三个角度评估</li>
                        <li>调整交易计划以符合风险参数</li>
                        <li>基金经理做出最终批准</li>
                    </ul>
                </div>
            </section>

            <section id="practical-guide">
                <h2><span class="emoji">🎯</span>实战应用指南</h2>

                <h3>如何部署TradingAgents系统</h3>

                <h4>1. 环境准备</h4>

                <div class="info-box">
                    <p><strong>硬件要求：</strong></p>
                    <ul>
                        <li>无需GPU（仅使用API调用）</li>
                        <li>8GB+ RAM推荐</li>
                        <li>稳定的网络连接</li>
                    </ul>
                </div>

                <div class="info-box">
                    <p><strong>软件依赖：</strong></p>
                    <ul>
                        <li>Python 3.8+</li>
                        <li>相关API密钥（OpenAI等）</li>
                        <li>金融数据源接口</li>
                    </ul>
                </div>

                <h4>2. 配置智能体</h4>

                <div class="code-block">
# 智能体配置示例
analyst_config = {
    "fundamental": {"model": "o1-preview", "tools": ["financial_api"]},
    "sentiment": {"model": "gpt-4o", "tools": ["social_media_api"]},
    "technical": {"model": "o1-preview", "tools": ["indicator_calculator"]},
    "news": {"model": "gpt-4o", "tools": ["news_api"]}
}
                </div>

                <div class="code-block">
# 风险参数设置
risk_config = {
    "max_position_size": 0.1,  # 单个股票最大仓位10%
    "stop_loss": 0.05,         # 5%止损
    "max_drawdown": 0.02,      # 最大回撤2%
    "volatility_threshold": 0.3 # 波动率阈值
}
                </div>
            </section>

            <section id="academic-value">
                <h2><span class="emoji">🔬</span>学术价值与局限性</h2>

                <h3>学术贡献</h3>

                <h4>1. 理论创新</h4>
                <ul>
                    <li><strong>多智能体协作理论</strong>：证明了专业化分工在AI系统中的有效性</li>
                    <li><strong>金融AI应用理论</strong>：将真实交易公司的组织结构映射到AI系统</li>
                </ul>

                <h4>2. 实证发现</h4>
                <ul>
                    <li>多智能体系统在复杂金融任务中优于单智能体</li>
                    <li>辩论机制能够提高决策质量</li>
                    <li>专业化分工能够提升系统整体性能</li>
                </ul>

                <h3>当前局限性</h3>

                <div class="info-box warning">
                    <h4>1. 技术局限</h4>
                    <ul>
                        <li><strong>计算成本</strong>：每次决策需要11次LLM调用和20+次工具调用</li>
                        <li><strong>数据依赖</strong>：严重依赖高质量的多模态数据</li>
                        <li><strong>实时性</strong>：可能受到API响应时间影响</li>
                    </ul>
                </div>

                <div class="info-box danger">
                    <h4>2. 应用局限</h4>
                    <ul>
                        <li><strong>市场适应性</strong>：目前主要在科技股上验证</li>
                        <li><strong>监管合规</strong>：自动化交易的监管要求</li>
                        <li><strong>极端条件</strong>：极端市场条件下的稳健性待验证</li>
                    </ul>
                </div>
            </section>

            <section id="industry-impact">
                <h2><span class="emoji">🌟</span>行业影响与未来趋势</h2>

                <h3>对传统金融的冲击</h3>

                <h4>1. 投资管理行业</h4>
                <ul>
                    <li><strong>资产管理公司</strong>：降低对人力分析师的依赖，提高投资决策的一致性</li>
                    <li><strong>对冲基金</strong>：新的量化策略开发工具，降低策略开发成本</li>
                </ul>

                <h4>2. 金融科技创新</h4>
                <ul>
                    <li><strong>智能投顾升级</strong>：从简单的资产配置到复杂的主动管理</li>
                    <li><strong>量化交易民主化</strong>：降低量化交易的技术门槛</li>
                </ul>

                <h3>技术发展趋势</h3>

                <h4>1. 智能体能力增强</h4>
                <ul>
                    <li>更强的推理能力</li>
                    <li>更好的协作机制</li>
                    <li>更高效的信息传递</li>
                </ul>

                <h4>2. 应用场景扩展</h4>
                <ul>
                    <li>更多资产类别（固定收益、商品、加密货币）</li>
                    <li>更复杂的策略（跨市场套利、事件驱动投资）</li>
                </ul>
            </section>

            <section id="conclusion">
                <h2><span class="emoji">🔮</span>结语：多智能体时代的到来</h2>

                <p>TradingAgents论文不仅仅是一个技术创新，更是对<strong>AI应用范式</strong>的重新思考。它告诉我们：</p>

                <ol>
                    <li><strong>专业化分工</strong>在AI时代同样重要</li>
                    <li><strong>协作决策</strong>比单一模型更有效</li>
                    <li><strong>可解释性</strong>是金融AI的必要条件</li>
                    <li><strong>模块化设计</strong>是系统演进的基础</li>
                </ol>

                <div class="highlight">
                    <p>随着大语言模型技术的不断发展，我们有理由相信，多智能体交易系统将成为金融AI的主流方向。这不仅会改变交易的方式，更可能重塑整个金融行业的运作模式。</p>
                    <p><strong>未来已来，多智能体交易时代正在开启。</strong></p>
                </div>
            </section>

            <div class="tags">
                <a href="#" class="tag">#多智能体系统</a>
                <a href="#" class="tag">#大语言模型</a>
                <a href="#" class="tag">#金融交易</a>
                <a href="#" class="tag">#人工智能</a>
                <a href="#" class="tag">#量化投资</a>
                <a href="#" class="tag">#风险管理</a>
            </div>
        </div>

        <footer class="footer">
            <p>想了解更多关于TradingAgents的技术细节？</p>
            <p>查看我们的 <a href="./TradingAgents_论文中文版.md">完整论文中文翻译</a> 和 <a href="https://github.com/TauricResearch/TradingAgents">开源项目</a></p>
            <p style="margin-top: 20px; font-size: 0.9em; opacity: 0.8;">
                © 2024 TradingAgents-CN 项目 | 基于 <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> 许可证
            </p>
        </footer>
    </div>

    <button class="scroll-to-top" onclick="scrollToTop()">↑</button>

    <script>
        // 显示/隐藏回到顶部按钮
        window.onscroll = function() {
            const scrollBtn = document.querySelector('.scroll-to-top');
            if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {
                scrollBtn.style.display = "block";
            } else {
                scrollBtn.style.display = "none";
            }
        };

        // 回到顶部功能
        function scrollToTop() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }

        // 平滑滚动到锚点
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
    </script>
</body>
</html>
